﻿
.Promotion:nth-child(even)
{
    color: #222;
    background-color: white;
    padding: 5px;
}

.Promotion:nth-child(odd)
{
    color: white;
    background-color: #C0C0C0;
    padding: 5px;
}

.Promotion#empty
{
    background-color: #C0C0C0;
    color: White;
    text-align: center;
    font-weight: bold;
}

.Header
{
    font-weight: bold;
    color:White;
    background-color: #EC1C24;
    padding: 5px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    
}

#promo_name_h
{
    width: 50%;
    display: inline-block;
}

#promo_exp_h
{
    width: 25%;
    display: inline-block;
}

#promo_opt_h
{
    width: 25%;
    display: inline-block;
}

.Promotion .Link
{
    display: inline-block;
    width: 50%;
}

.Promotion .Expired
{
    display: inline-block;
    width: 25%;
    color: Red;
}

.Promotion .Running
{
    display: inline-block;
    width: 25%;
    padding:0px;
}

.Promotion .Options
{
    display: inline-block;
    width: 20%;
    padding:0px;
}

input[type=submit]
{
    display:inline;
    margin:0px;
}

form
{
    display:inline;
}

.SearchBar
{
    float: right;
}

.pager
{
    width: 100%;
    height:20px;
    font-size:large;
    background-color:#EC1C24;
    position: relative;
    text-align: right;
}

.pager#top
{
    margin-bottom: 5px;
    background-color: White;
    color: #EC1C24;
}

.pager#top a
{
    background-color: White;
    color: #EC1C24;
}

.pager#top a:hover
{
    
    background-color:#EC1C24;
    color:White;
}

.pager#bottom
{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pager a
{
    text-decoration: none;
    margin-right: 5px;
    padding:0px 5px 1px 5px;
    color: White;
}

.pager a:hover
{
    background-color: White;
    color: #EC1C24;
}







